    * {
        margin: 0;
        padding: 0;
    }

    html {
        font-size: 20px;
    }

    body {
        padding-bottom: 60px;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
    }

    @media (max-width:375px) {
        html {
            font-size: 20px;
        }
    }

    @media (max-width:320px) {
        html {
            font-size: 16px;
        }
    }

    .external {
        margin: 0 auto;
        height: 100%;
    }

    .head {
        height: 3rem;
    }

    .yiziqianjing {
        display: block;
        text-align: center;
        line-height: 3rem;
    }

    .login {
        display: inline-block;
        width: 5rem;
        height: 1.6rem;
        position: relative;
        top: -2.3rem;
        left: 70%;
        border-radius: 20px;
        background-color: red;
    }

    .login a {
        display: block;
        line-height: 1.6rem;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        color: #fff;
    }

    .account {
        width: 95%;
        margin: 0 auto;
        height: 11rem;
        background: url('../image/bg@2x.png');
        background-size: 100% 100%;
        border-radius: 10px;
    }

    .account_balance {
        width: 100%;
        height: 4rem;
    }

    .account_balance span {
        display: block;
        text-align: center;
        line-height: 6rem;
        color: #fff;
    }

    .Money {
        height: 2rem;
    }

    .Money {
        display: block;
        text-align: center;
        line-height: 2rem;
        color: #fff;
    }

    .Top-up_withdrawal {
        height: 5rem;
    }

    .top_up_recharge {
        display: inline-block;
        width: 40%;
        height: 3rem;
        margin-top: 1rem;
        margin-left: 1rem;
        border-radius: 10px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.089);
    }

    .number1 span {
        color: black;
        font-size: 16px;
        font-weight: 600;
    }

    .withdraw_deposit {
        display: inline-block;
        width: 40%;
        height: 3rem;
        margin-left: 1rem;
        background-color: rgba(0, 0, 0, 0.089);
        border-radius: 10px;
    }

    .top_up_recharge div {
        float: left;
    }

    .notecase-img {
        width: 48%;
        height: 3rem;
    }

    .notecase-top-up-recharge {
        width: 48%;
        height: 3rem;
    }

    .notecase-top-up-recharge a {
        width: 100%;
        height: 3rem;
        display: block;
        text-align: center;
        line-height: 3rem;
        outline: none;
        border: none;
        font-size: 20px;
    }

    .Withdraw-img {
        width: 48%;
        height: 3rem;
    }

    .image img {
        width: 100%;
        height: 100%;
    }

    .withdraw-deposit {
        width: 48%;
        height: 3rem;
    }

    .withdraw_deposit div {
        float: left;
    }

    .withdraw-deposit a {
        display: block;
        color: #fff;
        text-align: center;
        line-height: 3rem;
        text-decoration: none;
    }
      /* 个人中心样式 */
     
    .image {
        display: block;
        margin: 0 auto;
        width: 2rem;
        height: 2rem;
        margin-top: .5rem;
    }

    .image1 {
        display: block;
        margin: 0 auto;
        width: 2rem;
        height: 2rem;
        margin-top: 0.15rem;
    }
  .mobile-phone {
      color: red;
  }
    .font-library {
        width: 90%;
        height: 5rem;
        background-color: pink;
        margin: 0 auto;
        border-radius: 5px;
        position: relative;
        margin-top: -0.3rem;
    }
    .Character-reference {
        width: 100%;
        height: 5rem;
        background: #fff;
        margin: 0 auto;
        margin-left: 8px;
        border-radius: 5px;
        position: relative;
        top: .5rem;
        border: 1px solid #ccc;
    }
    .Character-reference p {
        float: left;
    }
    .left-money {
        width: 49%;
        height: 5rem;
    }
    .sell {
        width: 49%;
        height: 5rem;
    }
    .preciprice {
        display: inline-block;
        font-size: 12px;
        color: red;
        padding-left: 20%;
        padding-top: 1.2rem;
    }
    .number {
        display: inline-block;
        font-size: 25px;
        color: red;
        padding-left: 20%;
        font-weight: 700;
        padding-top: .5rem;
    }
    .first {
        background-color: #8B2FAA;
        color: #fff;
        border: 4px solid #F93AE2;
    }
    .second {
        background: #00A4C7;
        color: #fff;
        border: 4px solid #04CEFF;
    }
    .thirdly {
        background: #2CA975;
        color: #fff;
        border: 4px solid #4AD098;
    }
    .number_four {
        background: #2CA975;
        color: #fff;
        border: 4px solid #4AD098;
    }
    .fifth {
        background: #E0E0E0;
        color: #fff;
        border: 4px solid #E7E7E7;
        color: black;
    }
    .work-off {
        display: block;
        margin: 0 auto;
        margin-top: 1.6rem;
        width: 5rem;
        height: 2rem;
        background-color: red;
        border-radius: 20px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        line-height: 2rem;
    }
    .search-box {
        width: 95%;
        margin: 0 auto;
        height: 2.5rem;
        margin-top: 2rem;
    }
    .search {
        display: inline-block;
        width: 60%;
        height: 2.5rem;
        border-top-left-radius: 2em;
        border-bottom-left-radius: 2em;
        background: #f1f2f1;
    }

    .pull-down {
        display: inline-block;
        width: 34%;
        height: 2.5rem;
        background: #f1f2f1;
        margin-left: .48rem;
        border-top-right-radius: 2em;
        border-bottom-right-radius: 2em;
        position: relative;
        top: -1.1rem;
    }

    .search p {
        float: left;
    }

    .icon-font {
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 1rem;
        margin-top: .4rem;
        background: url('../image/sousuo_icon@3x.png')no-repeat center 3px;
        background-size: 100% 100%;
    }

    .icon-font img {
        width: 1.5rem;
        height: 1.5rem;
    }

    .import {
        width: 75%;
        height: 2.5rem;
    }

    .import input {
        width: 94%;
        height: 2.3rem;
        outline: none;
        border: none;
        padding-left: 10px;
        background: #f1f2f1;
    }

    .pull-down select {
        width: 90%;
        height: 2.3rem;
        font-size: 16px;
        outline: none;
        border: 1px solid #f1f2f1;
        padding-left: 10px;
        background: #f1f2f1;
    }

    .word-stock {
        width: 100%;
        overflow-y: scroll;
        margin: 0 auto;
        margin-top: 1rem;
        /* border: 1px solid red; */
    }
    .word-stock p {
        margin-top: .5rem;
    }

    .typeface {
       min-height: 4.4rem;
    }

    .typeface p {
        float: left;
    }

    .character {
        width: 16%;
        height: 3rem;
        margin-left: 1.3%;
        border-radius: .5rem;
    }

    .character img {
        width: 100%;
        height: 3rem;
    }

    .character1 {
        display: block;
        text-align: center;
        line-height: 3rem;
        font-size: 2rem;
        font-weight: 700;
    }

    /* ...................................................... */
    .fixed {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 3rem;
        z-index: 9999;
        background: -webkit-linear-gradient(left, #ef2f37, #f45d5f, #ff7a56);
    }

    .fixed p {
        float: left;
    }

    .transaction {
        width: 33%;
        height: 3rem;
        border-right: 1px solid #ccc;
    }

    .award a {
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        line-height: 3rem;
    }

    .gain a {
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        line-height: 3rem;
    }

    .Trade-line a {
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        line-height: 3rem;
    }

    /* ............................................... */
    .close_style {
        width: 100%;
        height: 3rem;
        font-size: 16px;
        background: -webkit-linear-gradient(left, #ef2f37, #f45d5f, #ff7a56);
    }

    .close_style span {
        line-height: 3rem;
    }

    .headline {
        font-size: 16px;
        position: relative;
        display: block;
        text-align: center;
        color: #fff;
    }

    .close {
        display: inline-block;
        position: relative;
        top: -3rem;
        left: -.7rem;
        color: #fff;
    }

    .option-money {
        width: 100%;
        height: 3rem;
        margin-top: 1rem;
    }

    .option-money p {
        float: left;
    }

    .pitch_on {
        width: 28%;
        height: 3rem;
        border: 1px solid #ccc;
        margin-left: 3.5%;
    }

    .number1 {
        display: inline-block;
        text-align: center;
        line-height: 3rem;
    }

    .payment {
        width: 100%;
        height: 2rem;
        margin-top: 1rem;
    }

    .payment p {
        float: left;
        margin-left: 2%;
    }

    .payment_img {
        width: 16%;
        height: 2rem;
        margin-left: 1rem;
    }

    .payment_img img {
        width: 100%;
        height: 2rem;
    }

    .payment_character {
        width: 60%;
        height: 2rem;
    }

    .styls {
        line-height: 2rem;
        font-size: 16px;
        padding-left: 1rem;
    }

    .Select-the-payment {
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        margin-top: 5px;
    }

    .Select-the-payment img {
        width: 100%;
        height: 2rem;
    }

    .confirm-payment {
        width: 80%;
        height: 2.5rem;
        margin-left: 10%;
        border-radius: 10px;
        margin-top: 1.5rem;
    }

    .confirm-payment a {
        display: block;
        line-height: 3rem;
        text-align: center;
        text-decoration: none;
        color: #fff;
        border-radius: 5px;
        background: -webkit-linear-gradient(left, #ef2f37, #f45d5f, #ff7a56);
    }
    /* 选中打钩 */
    .Select-the-payment input {
        width: 1rem;
        height: 1rem;
        margin-top: 5px;
    }

    .white_content1 {
        display: none;
        position: absolute;
        top: 20%;
        left: 10%;
        width: 80%;
        background-color: white;
        z-index: 1002;
        overflow: auto;
        border-radius: 10px;
    }
    .personal-center {
        display: none;
        position: absolute;
        top:10%;
        left: 55%;
        width: 40%;
        background-color: white;
        z-index: 1002;
        overflow: auto;
        border-radius: 10px;
    }
    .binding div {
     width: 100%;
     height:1.5rem;
     font-size: 16px;
     text-align: center;
     line-height: 1.5rem;
     border-bottom: 1px solid #ccc;
    }
    .personal-information {
        color: #fff;
        height: 1.5rem;
        line-height: 1.5rem;
        padding-left:70%;
        background: -webkit-linear-gradient(left, #ef2f37, #f45d5f, #ff7a56);
    }
    .personal-information span {
        font-size: 16px;
    }
    .close1 {
        display: inline-block;
        padding-left: 80%;
        line-height: 2rem;
        color: #fff;
    }
    .close_style1 {
        width: 100%;
        height: 2rem;
        background: -webkit-linear-gradient(left, #ef2f37, #f45d5f, #ff7a56);
    }

    .balance {
        display: inline-block;
        padding-top: .5rem;
        font-size: 16px;
        padding-left: 5%;
        color: black;
    }

    .minimality {
        display: inline-block;
        color: #9999;
        font-size: 12px;
        padding-left: 55%;
    }

    .Amount-of-input {
        width: 70%;
        height: 2rem;
        margin: 0 auto;
        border: 0px;
        outline: none;
        cursor: pointer; 
         margin-top: .6rem;
    }

    .parting-line {
        margin: 0 0 0 5%;
        display: inline-block;
        width: 90%;
        border-bottom: 1px solid #ccc;
    }

    .confirm-payment1 {
        width: 80%;
        height: 2.5rem;
        margin-left: 10%;
        border-radius: 5px;
        margin-top: 1rem;
        background: -webkit-linear-gradient(left, #ef2f37, #f45d5f, #ff7a56);
    }
    .confirm-payment1 a {
        display: block;
        text-decoration: none;
        text-align: center;
        line-height: 2.5rem;
        color: #fff;
    }
     .defuse {
        text-align: right; 
        cursor: default; 
        height: 40px;
        width: 100%;
        background: -webkit-linear-gradient(left, #ef2f37, #f45d5f, #ff7a56);
     }
    .white_content2 {
        width: 90%;
        display: none;
        position: absolute;
        top: 30%;
        left: 5%;
        height: 8rem;
        z-index: 1002;
        overflow: auto;
        border-radius: 10px;
        background: #fff;
    }

    .cancel {
        position: relative;
        left: -1rem;
        color: #fff;
        line-height: 40px;
        font-size: 16px;
    }
    .possessions {
        display: inline-block;
        color: black;
        font-size:14px;
        color: red;
    }

    .typeface-Popout {
        height: 5.8rem;
        background-color: white;
        border-radius: 10px;
    }

    .typeface-Popout div {
        float: left;
    }

    .without {
        width: 100%;
        height: 1rem;
    }

    .private-person {
        width: 30%;
        height: 5.8rem;
    }

    .text-description {
        width: 45%;
        height: 5.8rem;
    }

    .average {
        width: 23%;
        height: 5.8rem;
    }

    .wenzi {
        display: block;
        margin: 1.5rem 0 0 1rem;
        width: 3rem;
        height: 3rem;
        border: 3px solid red;
        border-radius: 10px;
        background: purple;
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
        line-height: 3rem;
    }

    .text-description span {
        display: inline-block;
        text-align: center;
        font-size: 12px;
        padding-left: 5px
    }

    .show-off {
        width: 2.5rem;
        height: 1.2rem;
        margin-left: 20%;
        margin-top: 2.3rem;
        border-radius: 5px;
        font-size: 14px;
    }

    .show-off a {
        display: block;
        text-align: center;
        line-height: 1.2rem;
        text-decoration: none;
        color: #fff;
    }

    .number-show {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px solid red;
        background: red;
        border-radius: 100%;
        position: relative;
        left: 80%;
        top: -.7rem;
        color: #fff;
        text-align: center;
        line-height: 20px;
        font-size: .5rem;
    }